

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 文章管理 iframe 框</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
</head>
<body>
<form class="layui-form" action="">
<div class="layui-col-md12">
	<div class="layui-form-item">
		<label class="layui-form-label"><h2>写文章</h2></label>
		<hr>
	</div>
</div>
	<div class="layui-col-md8">
		<div class="layui-form-item">
		  <label class="layui-form-label">文章标题</label>
		  <div class="layui-input-block">
			<input type="text" name="article.title" lay-verify="required" placeholder="请输入文章标题" autocomplete="off" class="layui-input">
		  </div>
		</div>
		<div class="layui-form-item">
		  <label class="layui-form-label">文章内容</label>
			<textarea id="demo" style="display: none;" name="article.content"></textarea>
		</div>
	</div>
	<div class="layui-col-md4">	
		<div class="layui-form-item">
		  <label class="layui-form-label">发布状态</label>
		  <div class="layui-fluid" layui-fitter="">
			<button type="button" class="layui-btn layui-btn-xs layui-btn-radius">发布</button>
			<button type="button" class="layui-btn layui-btn-xs layui-btn-warm layui-btn-radius">草稿箱</button>
			<button type="button" class="layui-btn layui-btn-xs layui-btn-danger layui-btn-radius">回收站</button>
		  </div>
		</div>
		<hr>
	</div>
	<div class="layui-col-md4">	
		<div class="layui-form-item">
		  <label class="layui-form-label">分类</label>
		  <div class="layui-input-inline">
			<select name="classify.id" lay-verify="required">
			  <option value="">请选择分类</option>
			  <option value="美食">美食</option>
			  <option value="新闻">新闻</option>
			  <option value="八卦">八卦</option>
			  <option value="体育">体育</option>
			  <option value="音乐">音乐</option>
			</select>
		  </div>
		</div>
		<hr>
	</div>
	<div class="layui-col-md4">	
		<div class="layui-form-item">
		  <label class="layui-form-label">已选标签</label>
		  <div class="layui-input-inline">
			<span class="layui-badge layui-bg-blue">1</span>
		  </div>
		</div>
		<hr>
	</div>
	<div class="layui-col-md4">	
		<div class="layui-form-item">
		  <label class="layui-form-label">待选标签</label>
		  <div class="layui-input-inline">
			<span class="layui-badge layui-bg-blue">2</span>
		  </div>
		</div>
		<hr>
	</div>
	<div class="layui-col-md8">

		<div class="layui-form-item">
			<h2>属性设置</h2>
			<hr>
			<div class="layui-form-item">
			    <label class="layui-form-label">文章摘要</label>
			    <div class="layui-input-block">
					<textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
				</div>
				<br>
			</div>
			<div class="layui-form-item">
			    <label class="layui-form-label">SEO关键字</label>
			    <div class="layui-input-block">
					<textarea name="article.meta_keywords" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
				</div>
				<br>
			</div>
			<div class="layui-form-item">
			    <label class="layui-form-label">SEO描述</label>
			    <div class="layui-input-block">
					<textarea name="article.meta_description"  placeholder="请输入" class="layui-textarea"></textarea>
				</div>
				<br>
			</div>
			<div class="layui-form-item">
			    <label class="layui-form-label">排序序号</label>
			    <div class="layui-input-block">
					<input type="text" name="article.order_number" required lay-verify="required" placeholder="排序序号" autocomplete="off" class="layui-input">
					文章列表会根据这个数值进行排序，越大越靠前。
				</div>
				<br>
			</div>
			<div class="layui-form-item">
			    <label class="layui-form-label">外链</label>
			    <div class="layui-input-block">
					<input type="text" name="article.link_to" required lay-verify="required" placeholder="填写外链将直接跳转到外部链接" autocomplete="off" class="layui-input">
					填写外链后，浏览文章将会跳转到此链接。
				</div>
				<br>
			</div>
			<div class="layui-form-item">
			    <label class="layui-form-label">发布时间</label>
			    <div class="layui-input-block">
					<input type="text" class="layui-input" name="article.create">
					文章的发布时间。
				</div>
				<br>
			</div>
		</div>
	</div>
	<div class="layui-col-md4">
            <div class="layui-upload-drag" id="test-upload-drag">
              <i class="layui-icon"></i>
              <p>点击上传，或将文件拖拽到此处</p>
            </div>
	</div>
</form>
  <script src="../layuiadmin/layui/layui.js"></script>
  <script>
  layui.config({
    base: '../layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'form','layedit','laydate'], function(){
    var $ = layui.$
    ,form = layui.form;
    var layedit = layui.layedit;
	  var laydate = layui.laydate;
	  var table = layui.table
			  ,setter = layui.setter
			  ,$ = layui.jquery
			  ,admin = layui.admin
			  ,form = layui.form
			  ,element = layui.element
			  ,laytpl = layui.laytpl
			  ,view = layui.view;
    layedit.build('demo'); //建立编辑器
  });
  </script>
</body>
</html>